<template>
  <div class="blog-container">
      <Layout>
          <BlogList />
          <template #right>
              <BlogCategory />
          </template>
      </Layout>
  </div>
</template>

<script>
import BlogList from './components/BlogList.vue';
import BlogCategory from './components/BlogCategory.vue';
import Layout from '@/components/Layout';
export default {
    components: {
        Layout,
        BlogList,
        BlogCategory
    }
};
</script>

<style lang="less" scoped>
.blog-container {
    width: 100%;
    height: 100%;
}
</style>